<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		img{
			float: right;
			border: dashed;
		}
		.b>div{
			overflow: hidden;
		}
		.next{
			float: left;
		}
	</style>
	<body>
		<div style="border: dashed;">			
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div class="next" style="color: red;">这是上一块级元素(浮动)</div>
			<img src="img/timg.jpg" width="200px" height="200px"/>
			<div>这是正常文本</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
			<div>这是文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
		</div>
		
		<img src="img/timg.jpg" width="200px" height="200px"/>
		<img src="img/timg.jpg" width="200px" height="200px"/>
		<p style="clear: both;">这是清除浮动之后的文字这是清除浮动之后的文字这是清除浮动之后的文字这是清除浮动之后的文字这是清除浮动之后的文字</p>
	</body>
</html>
